<template>
	<tm-message ref="msg" :lines="2"/>
	<tm-notification placement="top" ref="notif" :offset="[32,90]"/>
</template>

<script setup lang='ts'>
	import {ref,defineExpose} from 'vue'
	import tmMessage from '@/tmui/components/tm-message/tm-message.vue'
	import tmNotification from '@/tmui/components/tm-notification/tm-notification.vue'
	
	const msg = ref<InstanceType<typeof tmMessage> | null>(null)
	const notif = ref<InstanceType<typeof tmNotification> | null>(null)

	
	const showNotif = (label:string) => {
		console.log('执行了呢');
		notif.value?.show({ label: label,color:'#FF837F',duration:5000 })
	}
	
	defineExpose({showNotif})
</script>

<style>

</style>